<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <!--

    *创建一个10行10列的表格，里面是1-100的数字
    在创建好的表格中，点击每个单元格都可以使该单元格数字+1
    在创建好的表格中，点击每个单元格都可以使单元格颜色在红色和白色间切换


            在上题中，添加一个按钮，点击按钮可以在表格最后增加一行，并且同样满足上两题的要求

            在上题中，每行增加到11列，最后一列里面是一个删除按钮，可以删除所在行

    * 创建一个动态显示时间的程序，只包括时分秒，每秒钟更新一次时间。
    *使用Math.random（）方法生成10个100～1000随机数。放在10个input中

    *创建表单：姓名，密码，年龄，提交表单时检查表单：用名户域和密码域是否为空、年龄域是否数字。


            按50%的比例显示一张图片，当鼠标指向图片时，按原尺寸显示图片。

    *创建input text，当焦点失去时判断是否填入内容，填入的内容是否为数字

      创建一个div，长宽各100，点击时背景在红黄蓝绿黑之间随机切换

        创建一个div，长宽各100，背景为红色，创建一个按钮，点击时隐藏div，点击div也隐藏，再创建一个按钮，点击时可以显示div

    *创建一个10行的table，第一列为checkbox，点击第一个checkbox时，所有checkbox全部选中，再次点击时，所有checkxbox取消选中
    使用for创建一个有1000个属性的对象，并对属性赋值。遍历这个对象，将属性名和属性值输出到页面的一个div中
    -->

    <script  type = "text/javascript">
        var p1 = "orange";
        var p2 = "red";
        var p3 = p1;
       function f1(){

           document.write("<table border = '1px'>");
        for (var i = 0 ; i <= 10 ;i++){
            document.write("<tr>");
            for(var j = 0 ; j<= 10 ;j ++){

                document.write("<td bgcolor='"+ p3 +"' ,onclick = 'f()'>"+j+ "</td>");

            }
            document.write("</tr>");
        }
        document.write("</table>");
        }
function f() {

    p3  =  p2;
}

        function judgeNum(){
        var uid = document.getElementById("text_1");
            if (uid.value==NaN){

            }else{
                uid.value = substring(0,uid.value.length-1);

            }



        }

        function Num()
        {
            var num = document.getElementById('text').value;
            if( num )
            {
                if( !isNaN( num ) )
                {
                    alert('是数字');
                    return false;
                }
                else
                {

                    alert("不是数字");

                    return false;
                }
            }}
    </script>

</head>
<body >

        <input  type="text"  value = "" id = "text"     ONBLUR ="Num()" />

</body>
</html>